<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <#include "/pubHeadStyle.html">
</head>
<body>
<form class="layui-form" action="" style="padding: 10px 65px;">
    <div class="layui-upload-drag" type="file" name="xmlFile" id="xmlFile" style="padding-bottom: 20px">
        <i class="layui-icon"></i>
        <p>点击上传，或将*.zip文件拖拽到此处</p>
        <span style="color: red">注意：如果当前系统的流程定义与导入的流程定义 ，存在相同的流程定义 key ，将以新版本的方式覆盖。</span>
        <#--2020-06-12 frq 新增导入文件名  参考属性class="layui-inline layui-upload-choose" -->
        <br/><br/><span  id="fileName" width="150px"></span>
    </div>
    <div class="layui-btn-container layui-footer" style="position: absolute;left:37%;bottom:0">
        <#--2020-06-12 frq 导入按钮新增禁用属性-->
        <button type="button" class="layui-btn layui-btn-sm layui-btn-disabled" id="importButton">导入</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" id="return">取消</button>
    </div>
</form>


<script>
    layui.config({
        base: serverPath.systemPath + staticPath.systemPath //静态资源所在路径
    }).extend({
        index: 'index' //主入口模块
    }).use(['index','element', 'upload', 'jquery'], function () {
        var element = layui.element;
        var upload = layui.upload;
        var $ = layui.$;
        var setter = layui.setter;
        var layer = layui.layer;
        var index = parent.layer.getFrameIndex(window.name);
        $('#return').click(function () {
            parent.layer.close(index);
        })
        //指定允许上传的文件类型
        upload.render({
            elem: '#xmlFile'
            , url: serverPath.workflowPath + setter.workflowLinkPath + 'actDefModel/importXml'
            , accept: 'file'
            , exts:'zip'
            , multiple: false //单个文件上传
            , auto: false //选择文件后不自动上传
            , bindAction: '#importButton' //指向一个按钮触发上传
            , choose:function (obj) {
                //1、导入单个文件名
                obj.preview(function(index, file){
                    $("#fileName").text("【"+ file.name + "】");
                });
                //2、释放导入按钮
                $("#importButton").removeClass("layui-btn-disabled");
            }
            , before: function (obj) {
            }
            , done: function (res) {
                if (res.code == 1) {
                    if (res.data != undefined && res.data != ""){
                        parent.layer.msg(res.data, {icon: 5, time: 2500});
                    }else{
                        parent.layer.msg(res.msg, {icon: 5, time: 2500});
                    }
                } else {
                    parent.layer.msg(
                        '<span style="color: green;font-size: 18px">流程导入成功：</span><br/>'+res.data
                        ,{  icon:6
                            ,time:2500
                        }
                    );
                                window.parent.layer.close(index);
                }
            }
        });
    })
</script>
</body>
</html>